<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/resut.css">
  <link rel="stylesheet" href="./css/common.css">
  <title>首页</title>
</head>

<body>
  <div class="header">
    <div class="header-c">
      <div class="logo"></div>
      <ul class="nav">
        <li class="nav-item"><a href="./index.html">首页</a>
          <span class="line"></span>
        </li>
        <li class="nav-item"><a href="./Special Report.html">特别策划</a>
          <span class="line"></span></li>
        <li class="nav-item"><a href="">精品路线</a>
          <span class="line"></span>
          <div class="sub">
            <a href="./Route-G.html">定制团队游</a>
            <a href="./Route-F.html">领队自由行</a>
          </div>
         </li>
        <li class="nav-item"><a href="./about.html">关于我们</a>
          <span class="line"></span></li>
        <li class="nav-item"><a href="./contact.html">联系我们</a>
          <span class="line"></span></li>
      </ul>
    </div>
  </div>
  <div class="banner">
    <div class="dot">
      <span class="active"></span>
      <span ></span>
      <span ></span>
    </div>
  </div>
  <div class="special clear">
    <div class="special-c">
      <div class="title">
        <img src="./img/标题.png" alt="">
      </div>
      <div class="special-item">
        <div class="img">
          <img src="./img/special1.jpg" alt="">
        </div>
        <div class="desc">
          <div class="desc-t">苍山洱海旁，过一段慢时光</div>
          <div class="desc-b">云南风花雪月之旅 （6days)</div>
          <div class="desc-l">
            <span><img src="./img/icon-pink.png" alt="">洱海骑行</span>
            <span><img src="./img/icon-orange.png" alt="">手作扎染</span>
            <span><img src="./img/icon-purple.png" alt="">泸沽湖划船</span>
            <span><img src="./img/icon-skyblue.png" alt=""> 草海</span>
            <span><img src="./img/icon-green.png" alt="">束河古镇</span>
            <span><img src="./img/icon-blue.png" alt="">拉市海</span>
          </div>
        </div>
      </div>
      <div class="special-item">
        <div class="img1">
          <img src="./img/special2.jpg" alt="">
        </div>
        <div class="desc1">
          <div class="desc-t">苍近距离看“滚滚”花式卖萌</div>
          <div class="desc-b">成都City Walk之旅 （6days）</div>
          <div class="desc-l">
            <span><img src="./img/icon-pink.png" alt="">熊猫基地</span>
            <span><img src="./img/icon-orange.png" alt="">宽窄巷子</span>
            <span><img src="./img/icon-purple.png" alt="">武侯祠</span>
            <span><img src="./img/icon-skyblue.png" alt=""> 小酒馆</span>
            <span><img src="./img/icon-green.png" alt="">吃货天堂</span>
            <span><img src="./img/icon-blue.png" alt="">锦里</span>
          </div>
        </div>
      </div>
      <div class="special-item">
        <div class="img">
          <img src="./img/special3.jpg" alt="">

        </div>
        <div class="desc">
          <div class="desc-t">骑行青海湖，行摄纯净天空之境</div>
          <div class="desc-b">梦回大西北之旅 （6days）</div>
          <div class="desc-l">
            <span><img src="./img/icon-pink.png" alt="">茶卡盐湖</span>
            <span><img src="./img/icon-orange.png" alt="">U型天路</span>
            <span><img src="./img/icon-purple.png" alt="">青海湖日出</span>
            <span><img src="./img/icon-skyblue.png" alt="">魔鬼城</span>
            <span><img src="./img/icon-green.png" alt="">七彩丹霞</span>
            <span><img src="./img/icon-blue.png" alt="">莫高窟</span>
          </div>
        </div>
      </div>
      <a class="more" href="">MORE</a>
    </div>
  </div>
  <div class="about">
    <div class="logo">
      <img src="./img/about.jpg" alt="">
    </div>
    <div class="about-1">
      <span class="name">
        <div class="cn">介绍</div>
        <div class="en">INTRODUCE</div>
      </span>
      <span class="desc">新旅行概念社区，在这里，你可以收货来自世界各地的友谊，为您 <br> 提供省心、省钱、纯玩、有趣的路线随时带您出发看世界。 </span>
    </div>
    <div class="about-2">
      <span class="name">
        <div class="cn">理念</div>
        <div class="en">CONCEPT</div>
      </span>
      <span class="desc">每一寸土地都承载着一个城市厚重而亲切的灵魂。<br>
        About travel, about life, That's all.</span>
    </div>
  </div>
  <div class="route clear">
    <div class="route-c">
      <div class="logo"><img src="./img/标题2.png" alt=""></div>
      <ul class="card">
        <li class="card-item">
          <a href="">
            <div class="t">京都岚山深度一日</div>
            <div class="b">寻找我们的风花雪月</div>
          </a>
        </li>
        <li class="card-item"><img src="./img/route1.jpg" alt=""></li>
        <li class="card-item">
          <a href="">
            <div class="t">西北精环线自驾游</div>
            <div class="b">圆一场北方的梦</div>
          </a>
        </li>
        <li class="card-item"><img src="./img/route2.jpg" alt=""></li>
        <li class="card-item">
          <a href="">
            <div class="t">东极岛三日游</div>
            <div class="b">后青春时代的海岛记忆</div>
          </a>
        </li>
        <li class="card-item"><img src="./img/route3.jpg" alt=""></li>
      </ul>
      <a href="" class="more">MORE</a>
    </div>
  </div>
  <div class="way">
    <div class="way-item">
      <a class="group" href="./Route-G.html">定制团体游</a>
      <p class="p1">独立成团 专属团队</p>
      <p class="p2">简单几步，定制您的私人旅行</p>
      <span>▔▔▔▔</span>
    </div>
    <div class="way-item1">
      <a class="free" href="./Route-F.html">领队自由行</a>
      <p class="p1">金牌领队 专业跟拍</p>
      <p class="p2">解锁陌生,升级地道旅游体验</p>
      <span>▔▔▔▔</span>
    </div>
  </div>
  <div class="footer">
    <div class="footer-c">
      <div class="title"><img src="./img/标题3.png" alt=""></div>
      <div class="l">
      <p class="t" > 慢旅Slow Travle工作室 </p>
      <p>地点：中国河南省郑州市绿地新都汇</p>
      <p>电话：0392-23656504</p>
      <p>邮箱：manlv@qq.com</p>
      <p class="img">
        <span><img src="./img/QQ.png" alt=""></span>
        <span><img src="./img/wechat.png" alt=""></span>
        <span><img src="./img/weibo.png" alt=""></span>
      </p>
      <p class="c">COPYRIGHT (©) 2018 mo004_2551 - 生活方式旅游类网站.</p>

    </div>
      <div class="information">
        <div class="contact">
          <div class="name">
            <p>姓名</p>
            <input type="text">
          </div>
          <div class="mail">
            <p>邮箱</p>
            <input type="text">
          </div>
          <div class="phone">
            <p>电话</p>
            <input type="text">
          </div>
        </div>
        <div class="content">
          <p>内容</p>
          <input type="text">
        </div>
        <input class="add" type="submit" value="提交">
      </div>
    </div>
  </div>
  </div>
</body>

</html>